﻿/* -----------------------
   * 表格 *
* ----------------------- */

.l-grid-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display1: none;
	font-size: 1px;
	*zoom: 1;
	overflow: hidden;
	display: none;
	z-index: 9000;
}

.l-selectorwin .l-panel {}

.l-panel table {
	width: auto;
}

.l-panel table,
.l-panel td {
	margin: 0;
	padding: 0;
}

.l-panel-btn {
	display: block;
	height: 33px;
	overflow: hidden;
	line-height: 33px;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	cursor: pointer;
	text-align: center;
	color: #2C4D79;
	text-decoration: none;
	cursor: pointer;
}

.l-panel-btn .l-panel-btn-l,
.l-panel-btn .l-panel-btn-r {
	display: none;
}

.l-panel-btn-over,
.l-panel-btn-selected {
	background: #E0EDFF url(../images/panel/panel-btn.gif) repeat-x;
}

.l-panel-btn-over .l-panel-btn-l,
.l-panel-btn-over .l-panel-btn-r,
.l-panel-btn-selected .l-panel-btn-l,
.l-panel-btn-selected .l-panel-btn-r {
	display: block;
}

.l-panel-btn-l {
	position: absolute;
	width: 3px;
	left: 0px;
	top: 0px;
	height: 33px;
	background: #E0EDFF url(../images/panel/panel-btn-l.gif) no-repeat;
}

.l-panel-btn-r {
	position: absolute;
	width: 3px;
	right: 0px;
	top: 0px;
	height: 33px;
	background: #E0EDFF url(../images/panel/panel-btn-r.gif) no-repeat;
}

.l-panel-header {
	color: #B29EB7;
	font-weight: bold;
	font-size: 12px;
	height: 33px;
	border-bottom: 1px solid #99BBE8;
	background: url('../images/panel/header-bg.gif') repeat-x left -1px;
	position: relative;
}

.l-panel-header-hasicon {
	padding-left: 13px;
}

.l-panel-header img {
	position: absolute;
	left: 6px;
	top: 5px;
	width: 16px;
	height: 16px;
	border: 0px;
}

.l-panel-header-text {
	line-height: 33px;
	padding-left: 10px; 
}

.l-panel-body {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.l-panel .l-toolbar {
	background: none;
	border: 0;
}

.l-panel-topbar {
	padding: 0;
}

.l-panel-topbarinner {
	float: right;
}

.l-panel-topbarinner-left {
	float: left;
}

.l-panel-topbartitle {
	font-weight: bold;
	padding: 0;
	margin: 0;
	margin-left: 9px;
}

.l-panel-topbartitle-hasicon {
	padding-left: 24px;
	position: relative;
}

.l-panel-topbaricon {
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0px;
	top: 6px;
}

.l-panel-body .l-grid {}

.l-grid {
	position: relative;
	text-align: left;
}

.l-grid-empty .l-grid-body-inner {
	width: 100%;
}

.l-grid-empty .l-grid-body {
	overflow: hidden;
}

.l-grid-hashorizontal .l-grid-body1 .l-jplace {
	height: 19px;
}

.l-grid td div {
	font-size: 12px;
	line-height: 33px;
}

.l-grid table {
	border-spacing: 0 0;
}

.l-grid-header {
	border-bottom: 1px solid #E1E6EB; 
	background: #f1f1f1;
	overflow: hidden;
	width: 100%; 
	height: 33px;
}
 
 	 

.l-grid-scroller {
	position: relative;
	top: 0px;
	left: 0px;
	height: 220px;
	overflow: auto;
}

.l-grid-scroller-noscroll {
	height: auto;
	overflow: hidden;
}

.l-grid-body {
	position: relative;
	width: 100%;
	top: 0px;
	left: 0px;
	overflow: auto;
}

.l-grid-body-table {}

.l-grid-body-table tr.l-checked td {
	background: #F3F3Fd
}

.l-grid-popup {
	background: #eee;
	border: 1px solid #ddd;
	border-top: 0px;
	overflow: auto;
	left: 0px;
	position: absolute;
	z-index: 999;
	display: none;
}

.l-grid-loading {
	position: absolute;
	z-index: 91000;
	border: 1px solid #9BBBE6;
	top: 40%;
	left: 50%;
	background: white url('../images/common/loading.gif') no-repeat 8px 6px;
	padding-left: 38px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-left: -60px;
	display: none;
}

.l-grid-editor {
	position: absolute;
	z-index: 999;
	display: none;
	text-align: center;
}

.l-grid-editor .l-checkbox-wrapper {
	margin-top: 2px;
}

.l-grid-popup table {
	display: table;
	border-collapse: separate;
	border-color: #ddd;
	margin: 2px;
}

.l-grid-popup table tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}

.l-grid-popup table td {
	padding: 2px 3px;
	cursor: default;
}

.l-grid-popup td.l-column-left {
	border-right: 1px solid #ddd;
}

.l-grid-popup td.l-column-right {
	border-left: 1px solid #fff;
	padding-right: 10px;
}

.l-grid-popup tr:hover .l-column-right,
.l-grid-popup tr.l-popup-row-over .l-column-right {
	border-right: 1px solid #d1d1d1;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}

.l-grid-popup tr:hover .l-column-left,
.l-grid-popup tr.l-popup-row-over .l-column-left {
	border-left: 1px solid #d1d1d1;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}

.l-grid-popup table tr:hover,
.l-grid-popup table tr.l-popup-row-over {
	background: #ddd;
	border: 1px solid #e1e1e1;
}

.l-grid-hd-cell-mul {
	border-bottom: 1px solid #E1E6EB;
}

.l-grid-hd-cell-detail {
	padding: 0;
	margin: 0;
}

.l-grid-hd-cell-inner {
	text-align: center;
}

.l-grid-dragging-line {
	background: #EC4262;
	width: 1px;
	position: absolute;
	display: none;
	z-index: 9999;
	padding: 0;
	margin: 0;
}

.l-grid-hd-cell-dropleft {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	background: url(../images/icon/icon-prev.gif) no-repeat -2px center;
	width: 16px;
	height: 24px;
	z-index: 3;
	display: none;
}

.l-grid-hd-cell-dropright {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	background: url(../images/icon/icon-next.gif) no-repeat 0px center;
	width: 16px;
	height: 24px;
	z-index: 3;
	display: none;
}

.l-grid-hd-cell-drop {
	position: absolute;
	right: -1px;
	top: 0px;
	display: block;
	width: 2px;
	height: 24px;
	z-index: 3;
	cursor: e-resize;
}

.l-grid-hd-cell-sort {
	overflow: hidden;
}

.l-grid-hd-cell-sort-asc {
	background: url('../images/icon/icon-sort-asc.gif') no-repeat center;
}

.l-grid-hd-cell-sort-desc {
	background: url('../images/icon/icon-sort-desc.gif') no-repeat center;
}

.l-grid-hd-cell-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	overflow: hidden;
	border-left: 1px solid #C1D6F0;
	cursor: pointer;
}

.l-grid-hd-cell-btn span {
	border-left: 1px solid #F1F5FC;
	width: 14px;
	height: 33px;
	background: url('../images/icon/icon-down.gif') no-repeat 2px 8px;
	display: block;
}

.l-grid-hd-cell-drophandle {
	width: 5px;
	height: 33px;
	cursor: col-resize;
	float: right;
	position: absolute;
	top: 0px;
	right: -3px;
}

.l-grid-hd-cell-text {
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}

.l-grid-hd-cell {
	padding: 0;
	margin: 0;
	overflow: hidden;
	border-right: 1px solid #E1E6EB;
	text-align: center;
}

.l-grid-hd-cell-last {}

.l-grid-hd-cell-over,
.l-grid-hd-cell-on {}

.l-grid-row {}

.l-grid-row-last {}

.l-grid-totalsummary {
	border-bottom: 1px solid #E1E6EB;
	background: #F9F9FA;
	padding-top: 5px;
	padding-bottom: 5px;
}

.l-grid-totalsummary-nobottom {
	border-bottom: none;
}

.l-grid-totalsummary td {
	border-right: 1px solid #F9F9FA;
	text-align: center;
	line-height: 23px;
}

.l-grid-totalsummary .l-grid-totalsummary-cell-last {
	border-right: 1px solid #E1E6EB;
}

.l-grid-totalsummary .l-grid-totalsummary-cell-inner {
	margin-left: 3px;
	margin-right: 3px;
	min-height: 23px;
	_height: 23px;
}

.l-grid-totalsummary .l-grid-totalsummary-cell-inner div {
	height: 33px;
	line-height: 33px;
}


/*
    detail
*/

.l-grid-detailpanel {
	border-right: 1px solid #E1E6EB;
	border-bottom: 1px solid #E1E6EB;
}

.l-grid-detailpanel-inner {
	overflow: auto;
	margin-bottom: 2px;
}

.l-grid-row-alt .l-grid-row-cell {
	background: #F9F9FA;
}

.l-grid-row-over .l-grid-row-cell,
.l-grid-row-over {
	background: #E7F1FA
}

.l-selected .l-grid-row-cell,
.l-selected {
	background: #E7F1FA
}

.l-grid-row-cell {
	overflow: hidden;
	border-right: 1px solid #E1E6EB;
	border-bottom: 1px solid #E1E6EB;
	text-align: center;
	overflow: hidden;
}

.l-grid-row-last .l-grid-row-cell {}

.l-grid-row-cell-last {
	border-right: none;
}

.l-grid-row-cell-detail .l-grid-row-cell-inner {
	margin-left: 0px;
	margin-right: 0px;
	width: 27px;
	overflow: hidden;
}

.l-grid-row-cell-detail .l-grid-row-cell-inner span {
	display: block;
	width: 21px;
	height: 21px;
	background: url('../images/grid/grid-detail-close.gif') no-repeat 5px 5px;
	cursor: pointer;
	overflow: hidden;
}

.l-grid-row-cell-detail .l-grid-row-cell-inner span.l-open {
	background: url('../images/grid/grid-detail-open.gif') no-repeat 5px 5px;
}

.l-grid-row-cell-checkbox .l-grid-row-cell-inner {
	margin-left: 0px;
	margin-right: 0px;
}

.l-grid-row-cell-checkbox span,
.l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div {
	display: block;
	width: 13px;
	height: 13px;
	background: url('../images/controls/checkbox.gif') no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	overflow: hidden;
	margin-left: 7px;
	margin-top: 9px;
}

.l-checked .l-grid-row-cell-checkbox span,
.l-checked .l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div {
	background-position: 0px -13px;
}

.l-selected .l-grid-row-cell-checkbox span,
.l-selected .l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div {
	background-position: 0px -13px;
}

.l-grid-hd-cell-inner {
	overflow: hidden;
}

.l-grid-hd-cell-checkbox {
	padding: 0;
	margin: 0;
}

.l-grid-row-cell-edited .l-grid-row-cell-inner {
	background-image: url('../images/icon/icon-edited.gif');
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

.l-grid-row-cell-inner {
	text-align: center;
	line-height: 33px;
	min-height: 33px;
	_height: 33px;
	margin-left: 3px;
	margin-right: 3px;
	overflow: hidden;
}

.l-grid-row-cell-inner-fixedheight {
	height: 33px;
}

.l-panel-bar {
	height: 32px;
	background: #F5F6FA;
	overflow: hidden;
	border: 0;
	border-top: 1px solid #E1E6EB;
}

.l-panel-bbar-inner {
	margin-top: 3px;
	padding-left: -2px;
	width: 100%;
	position: relative;
	min-width: 530px;
	_width: 530px;
}

.l-bar-message {
	position: absolute;
	right: 0px;
}

.l-bar-group {
	float: left;
	background: none;
	height: 24px;
	margin: 0px 5px;
}

.l-bar-right {
	float: right;
}

.l-bar-separator {
	float: left;
	height: 18px;
	border-left: 1px solid #9AC6FF;
	border-right: 1px solid white;
	margin: 2px;
}

.l-bar-button {
	float: left;
	width: 22px;
	height: 22px;
	border: 0px;
	cursor: pointer;
	overflow: hidden;
	border: 1px solid #F5F6FA;
	margin-top: 2px;
}

.l-bar-button-over {
	/**-- background: url(../images/icon/bar-button-over.gif) no-repeat center;**/
	background: #D8EDFF;
	border: 1px solid #96B4DA;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2x;
	border-radius: 2px;
}

.l-bar-button span {
	width: 16px;
	height: 16px;
	display: block;
	margin-left: 2px;
	margin-top: 2px;
	float: left;
	overflow: hidden;
}

.l-bar-btnfirst span {
	background: url(../images/icon/icon-first.gif) no-repeat;
	background-position: 0px 0px;
}

.l-bar-btnprev span {
	background: url(../images/icon/icon-prev.gif) no-repeat;
	background-position: 0px 0px;
}

.l-bar-btnnext span {
	background: url(../images/icon/icon-next.gif) no-repeat;
	background-position: 0px 0px;
}

.l-bar-btnlast span {
	background: url(../images/icon/icon-last.gif) no-repeat;
	background-position: 0px 0px;
}

.l-bar-btnload span {
	background: url(../images/icon/icon-load.gif) no-repeat;
	background-position: 0px 0px;
}

.l-bar-btnloading span {
	background: url(../images/icon/icon-loading.gif) no-repeat;
	background-position: 0px 0px;
}

.l-bar-button .l-disabled {
	background-position: 0px -16px;
}

.l-bar-text {
	line-height: 20px;
}


/*
    grouping
*/

.l-grid .l-grid-grouprow {
	border-right: 1px solid #E1E6EB
}

.l-grid .l-grid-grouprow-cell {
	padding: 6px;
	border-bottom: 1px solid #E1E6EB;
	background: #EAF3FF;
}

.l-grid .l-grid-group-togglebtn {
	background: url('../images/grid/grid-detail-open.gif') no-repeat center;
	cursor: pointer
}

.l-grid .l-grid-group-togglebtn-close {
	background: url('../images/grid/grid-detail-close.gif') no-repeat center;
}

.l-grid .l-grid-totalsummary-group td {
	background-color: #F5EEFB;
	border-color: #F5EEFB;
}


/*
    foot total
*/

.l-panel-bar-total {
	background: #F5F9FF;
	padding: 8px;
	border-top: 1px solid #84A0C4;
}


/*
    tree grid 
*/

.l-grid-tree-space {
	width: 18px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	float: left;
}

.l-grid-tree-link-open {
	cursor: pointer;
	background: url('../images/grid/grid-tree-open.gif') no-repeat center;
}

.l-grid-tree-link-close {
	cursor: pointer;
	background: url('../images/grid/grid-tree-close.gif') no-repeat center;
}


/*
    frozen grid
*/

.l-grid1 {
	display: none;
}

.l-grid1 .l-grid-body {
	overflow: hidden;
}

.l-grid1 .l-grid-detailpanel {
	border-right: 1px solid white;
}

.l-frozen .l-grid2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

.l-frozen .l-grid2 .l-grid-body {
	overflow-x: auto;
}

.l-frozen .l-grid1 {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
}

.l-grid-gray {
	border-top: 1px solid #DDDDDD;
}

.l-grid-gray .l-grid-header {
	border-bottom: 1px solid #E1E6EB;
	background: #e1e1e1;
}

.l-grid-gray .l-grid-hd-cell {
	border-right: 1px solid #DDDDDD;
}

.l-grid-gray .l-grid-row-cell {
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}


/*
    菜单条
*/

.l-menubar {
	background: url('../images/panel/panel-menu.gif') repeat-x;
	height: 24px;
	border: 1px solid #ADBED6;
	border-top: 1px solid #EFF7F7;
}

.l-menubar-item {
	float: left;
	margin-left: 6px;
}

.l-menubar-item-down {
	width: 7px;
	height: 4px;
	line-height: 4px;
	background: url('../images/panel/panel-menu-item-down.gif') no-repeat center;
	position: absolute;
	right: 4px;
	top: 9px;
	top: 9px;
	_top: 4px;
}

.l-menubar-item-over {}


/*
    工具条
*/

.l-toolbar {
	background: #FFFFFF;
	height: 23px;
	border-bottom: 1px solid #F9F9FA;
}

.l-toolbar-item {
	float: left;
	margin-left: 4px;
}

.l-toolbar-item .l-icon,
.l-toolbar-item img {
	position: absolute;
	left: 2px;
	top: 2px;
	display: block;
}

.l-toolbar-item img {
	width: 16px;
	height: 16px;
	border: 0px;
}

.l-toolbar-item-hasicon {
	padding-left: 33px;
}

.l-toolbar-item-disable {
	cursor: default;
}

.l-toolbar-item-disable span {
	color: #A1A1A1;
}

.l-toolbar-item-color {
	border: 1px solid #ccc;
	position: absolute;
	width: 14px;
	height: 14px;
	left: 3px;
	top: 3px;
}


/*
    搜索栏
*/

.l-panel-search {
	height: 28px;
	padding-top: 3px;
	padding-left: 3px;
	border-left: 1px solid #E1E6EB;
	border-right: 1px solid #E1E6EB;
}

.l-panel-search-item {
	float: left;
	margin-left: 5px;
}


/*
    编辑
*/

.l-grid-row-cell-editing-topcell {
	border-bottom-color: #CC8F81;
}

.l-grid-row-cell-editing-leftcell {
	border-right-color: #CC8F81;
}

.l-grid-row-cell-editing {
	border-color: #CC8F81;
}

.l-grid-row-cell .l-text,
.l-grid-editor .l-text {
	border: 0px;
	border: none;
}

.l-grid-detailpanel-edit {
	padding-top: 7px;
	padding-bottom: 3px;
	background-color: #FAFAFF;
}

.l-grid-detailpanel .l-editbox {
	float: left;
	margin: 2px;
	margin-left: 6px;
	margin-right: 10px;
}

.l-grid-detailpanel .l-button {
	float: left;
	margin: 2px;
	margin-left: 4px;
	margin-right: 6px;
}

.l-grid-detailpanel .l-clear {
	clear: both;
}

.l-grid-row-alt .l-grid-row-cell-rownumbers,
.l-selected .l-grid-row-cell-rownumbers,
.l-grid-row-over .l-grid-row-cell-rownumbers,
.l-grid-row-cell-rownumbers {
	background: #DDDDDD;
}